
<template>
  <div class="boxWrap">
    <!-- 表格 -->
    <div class="tab">
      <el-table
        ref="multipleTable"
        :data="mainData"
        v-loading="isloading"
        element-loading-text="数据正在加载中"
        element-loading-spinner="el-icon-loading"
        tooltip-effect="dark"
        :default-sort="{ prop: 'contentDate', order: 'descending' }"
        :header-cell-style="{
          fontweight: '500',
          color: '#333333',
          fontsize: '14px',
          background: 'rgba(0, 0, 0, 0.02)',
        }"
        style="width: 100%"
      >
        <el-table-column prop="name" label="姓名" width="250px">
          <template slot-scope="{ row }">
            <span>{{ row.name }}</span>
            <el-tag type="danger" v-if="row.noMessage === '信息缺失'">{{
              row.noMessage
            }}</el-tag>
            <el-tag
              style="margin-left: 10px"
              type="warning"
              v-if="row.contractIsThis"
              >合同</el-tag
            >
            <el-tag
              style="margin-left: 10px"
              type="danger"
              v-if="row.turnIsThis"
              >转正</el-tag
            >
          </template>
        </el-table-column>
        <el-table-column
          prop="fileNumber"
          label="档案编号"
          width="150px"
        ></el-table-column>
        <el-table-column prop="jobNumber" label="工号"></el-table-column>
        <el-table-column prop="sex" label="性别">
          <template slot-scope="{ row }">
            <span>{{ row.sex | transSex }}</span>
          </template>
        </el-table-column>
        <el-table-column prop="education" label="最高学历"></el-table-column>
        <el-table-column prop="department" label="所属部门"></el-table-column>
        <el-table-column prop="post" label="岗位"></el-table-column>
        <el-table-column prop="remarks" label="备注"></el-table-column>
        <el-table-column prop="status" label="状态"></el-table-column>
        <el-table-column
          prop="contractDate"
          label="合同到期日"
        ></el-table-column>
        <el-table-column
          prop="employmentConfirmationDate"
          label="转正日期"
        ></el-table-column>
        <el-table-column fixed="right" label="操作" width="120">
          <template slot-scope="scope">
            <!-- <el-button @click="editInfo(scope.row)" type="text" size="small">编辑</el-button> -->
            <el-button @click="checkDetail(scope.row)" type="text" size="small"
              >查看</el-button
            >
            <el-button
              @click="moveCheck(scope.row)"
              type="text"
              style="color: #ec4142"
              v-if="scope.row.examineStatus === '待审核'"
              size="small"
              >信息变动审核</el-button
            >
            <el-button
              v-if="scope.row.status === '离职'"
              @click="deleteInfo(scope.row)"
              type="text"
              style="color: #ec4142"
              size="small"
              >删除</el-button
            >
          </template>
        </el-table-column>
      </el-table>
      <!-- 分页 -->
      <div class="flexRight">
        <el-pagination
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :current-page.sync="mainCurrentPage"
          background
          :page-sizes="[10, 15, 20, 30, 40]"
          :page-size="15"
          :layout="mylayout"
          :total="totalCount"
        ></el-pagination>
      </div>
    </div>

    <!-- 查看详情的弹窗 -->
    <el-dialog
      :visible.sync="detailVisible"
      title="详情"
      append-to-body
      width="75%"
    >
      <div class="boxWrap2">
        <div class="infoBox">
          <div class="title">
            <p>个人信息</p>
            <span></span>
          </div>
          <div class="mainInfo1">
            <div>
              <el-image
                style="width: 100px; height: 100px"
                :src="`http://nc.hopeedu.com:8116/data/photoUrl/${phototUrl}.jpg`"
                fit="fill"
              ></el-image>
            </div>
            <div>
              <ul>
                <li>职工姓名:{{ detailCard.name }}({{ detailCard.idCard }})</li>
                <li>电话号码:{{ detailCard.mobilePhone }}</li>
                <li>政治面貌:{{ detailCard.politicalOutlook }}</li>
                <li>民族:{{ detailCard.nation }}</li>
                <li>性别:{{ detailCard.sex | transSex }}</li>
                <li>婚否:{{ detailCard.maritalStatus }}</li>
                <li>出生年月:{{ detailCard.bornDate }}</li>
                <li>职工年龄:{{ detailCard.age }}</li>
                <li>家庭住址：{{ detailCard.homeAddress }}</li>
                <li>籍贯:{{ detailCard.nativePlace }}</li>
                <li>户籍类型:{{ detailCard.householdRegistration }}</li>
                <li>身份证地址:{{ detailCard.permanentAddress }}</li>
                <li>身份证到期时间:{{ detailCard.idCardExpirationDate }}</li>
                <li>紧急联系人:{{ detailCard.emergencyContact }}</li>
                <li>紧急联系人电话:{{ detailCard.emergencyContactPhone }}</li>
                <li>是否双师:{{ detailCard.ifDonbleTeacher }}</li>
                <li>
                  是否残疾:{{ detailCard.ifDisability == 1 ? "是" : "否" }}
                </li>
                <li>其他备注:{{ detailCard.remarks }}</li>
              </ul>
            </div>
          </div>
          <div class="title">
            <p>合同信息</p>
            <span></span>
          </div>
          <div class="basicInfo">
            <ul>
              <li>合同类型:{{ detailCard.contractType }}</li>
              <li>入职日期:{{ detailCard.entryDate }}</li>
              <li>转正日期:{{ detailCard.employmentConfirmationDate }}</li>
              <li>合同到期：{{ detailCard.contractDate }}</li>
              <li>服务年限：{{ detailCard.workYear }}年</li>
            </ul>
          </div>
          <div class="title">
            <p>岗位信息</p>
            <span></span>
          </div>
          <div class="postInfo">
            <uL>
              <li>工号:{{ detailCard.jobNumber }}</li>
              <li>就职部门:{{ detailCard.department }}</li>
              <li>就职分部:{{ detailCard.branch }}</li>
              <li>就职岗位：{{ detailCard.post }}</li>
              <li>岗位性质:{{ detailCard.postNature }}</li>
              <li>工作性质:{{ detailCard.workNature }}</li>
              <li>员工类别：{{ detailCard.staffType }}</li>
              <li>大部制:{{ detailCard.largeDepartmentSystem }}</li>
              <li>员工职级：{{ detailCard.postLevel }}</li>
              <li>工作地点:{{ detailCard.workAddress }}</li>
            </uL>
          </div>
          <div class="title title2">
            <p>个人学历及能力提升</p>
            <span></span>
          </div>
          <div class="educateInfo">
            <el-table
              :data="educationData"
              stripe
              style="width: 100%; margin-left: 40px"
            >
              <el-table-column prop="level" label="等级"></el-table-column>
              <el-table-column
                prop="education"
                label="学历层次"
              ></el-table-column>
              <el-table-column
                prop="graduatedSchool"
                label="毕业学校"
              ></el-table-column>
              <el-table-column prop="majorStudy" label="专业"></el-table-column>
              <el-table-column prop="hignestMajor" label="学科" width="180px">
                <template slot-scope="{ row }">
                  <el-cascader
                    :disabled="true"
                    :show-all-levels="false"
                    filterable
                    v-model="row.hignestMajor"
                    :options="option"
                  ></el-cascader>
                </template>
              </el-table-column>
              <el-table-column prop="studyForm" label="性质"></el-table-column>
              <el-table-column
                prop="graduateDate"
                label="毕业时间"
              ></el-table-column>
              <el-table-column
                prop="getTime"
                label="毕业证书"
              ></el-table-column>
              <el-table-column
                prop="getTime"
                label="学位证书"
              ></el-table-column>
            </el-table>
          </div>
          <div class="professional">
            <!-- <ul>
                            <li>是否获取高校教师资格证：{{detailCard.ifTeacherQualificationCertificate}}</li>
            </ul>-->
            <el-table :data="CertificateList" stripe style="width: 100%">
              <el-table-column prop="type" label="名称">
                <template slot-scope="{ row }">
                  <span>{{ row.type + " " }}</span>
                  <span style="padding-left: 10px">
                    {{ row.name ? row.name : "" }}
                  </span>
                </template>
              </el-table-column>
              <el-table-column prop="level" label="等级"></el-table-column>
              <el-table-column prop="unit" label="授予单位"></el-table-column>
              <el-table-column
                prop="getTime"
                label="取得时间"
              ></el-table-column>
              <el-table-column prop="getTime1" label="证书"></el-table-column>
            </el-table>
          </div>
        </div>
        <div class="footer">
          <el-button size="medium" type="primary" @click="detailVisible = false"
            >确定</el-button
          >
        </div>
      </div>
    </el-dialog>

    <!-- 编辑信息的弹窗 -->
    <el-dialog
      :visible.sync="editInfoVisible"
      append-to-body
      title="编辑教职工信息"
      width="85%"
    >
      <div class="boxWrap3">
        <div class="mainBox">
          <div class="personInfo">
            <div class="title">
              <p>个人信息</p>
              <span></span>
            </div>
            <div class="form">
              <el-form
                :model="editInfoForm"
                :rules="rules"
                ref="ruleForm"
                label-width="150px"
                :inline="true"
                class="demo-ruleForm"
              >
                <el-form-item label="员工姓名" prop="name">
                  <el-input
                    v-model="editInfoForm.name"
                    placeholder="请输入"
                  ></el-input>
                </el-form-item>
                <el-form-item label="员工工号" prop="name">
                  <el-input
                    v-model="editInfoForm.jobNumber"
                    placeholder="请输入"
                  ></el-input>
                </el-form-item>
                <el-form-item label="身份证号" prop="name">
                  <el-input
                    v-model="editInfoForm.idCard"
                    placeholder="请输入"
                  ></el-input>
                </el-form-item>
                <el-form-item label="入职部门" prop="name">
                  <el-select
                    v-model="editInfoForm.department"
                    placeholder="请选择"
                    style="width: 185px"
                  >
                    <el-option
                      v-for="item in dept"
                      :key="item.XYMC"
                      :label="item.XYMC"
                      :value="item.XYMC"
                    ></el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="入职岗位" prop="post">
                  <el-input
                    v-model="editInfoForm.post"
                    placeholder="请输入"
                  ></el-input>
                </el-form-item>
                <el-form-item label="岗位性质" prop="postType">
                  <el-select
                    v-model="editInfoForm.postNature"
                    placeholder="请选择"
                    style="width: 185px"
                  >
                    <el-option label="正式" value="正式"></el-option>
                    <el-option label="实习" value="实习"></el-option>
                    <el-option label="试用" value="试用"></el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="工作性质" prop="workNature">
                  <el-select
                    v-model="editInfoForm.workNature"
                    placeholder="请选择"
                    style="width: 185px"
                  >
                    <el-option label="专职" value="专职"></el-option>
                    <el-option label="兼职" value="兼职"></el-option>
                    <!-- <el-option label="实习" value="实习"></el-option> -->
                  </el-select>
                </el-form-item>
                <el-form-item label="员工职级" prop="postLevel">
                  <el-select
                    v-model="editInfoForm.postLevel"
                    placeholder="请选择"
                    style="width: 185px"
                  >
                    <el-option label="一级正职" value="一级正职"></el-option>
                    <el-option label="一级副职" value="一级副职"></el-option>
                    <el-option label="二级正职" value="二级正职"></el-option>
                    <el-option label="二级副职" value="二级副职"></el-option>
                    <el-option label="三级正职" value="三级正职"></el-option>
                    <el-option label="三级副职" value="三级副职"></el-option>
                    <el-option label="四级正职" value="四级正职"></el-option>
                    <el-option label="四级副职" value="四级副职"></el-option>
                    <el-option label="无职级" value="无职级"></el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="大部制" prop="largeDepartmentSystem">
                  <el-select
                    v-model="editInfoForm.largeDepartmentSystem"
                    placeholder="请选择"
                    style="width: 185px"
                  >
                    <el-option
                      label="教学事务部"
                      value="教学事务部"
                    ></el-option>
                    <el-option
                      label="学生事务部"
                      value="学生事务部"
                    ></el-option>
                    <el-option
                      label="综合管理部"
                      value="综合管理部"
                    ></el-option>
                    <el-option label="无" value="无"></el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="员工类别" prop="staffType">
                  <el-select
                    v-model="editInfoForm.staffType"
                    placeholder="请选择"
                    style="width: 185px"
                  >
                    <el-option label="教师" value="教师"></el-option>
                    <el-option label="辅导员" value="辅导员"></el-option>
                    <el-option label="行政兼课" value="行政兼课"></el-option>
                    <el-option label="行政人员" value="行政人员"></el-option>
                    <el-option label="工勤人员" value="工勤人员"></el-option>
                    <el-option label="招生人员" value="招生人员"></el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="合同类型" prop="contractType">
                  <el-select
                    v-model="editInfoForm.contractType"
                    placeholder="请选择"
                    style="width: 185px"
                  >
                    <el-option
                      label="固定期限劳动合同"
                      value="固定期限劳动合同"
                    ></el-option>
                    <el-option
                      label="无固定期限劳动合同"
                      value="无固定期限劳动合同"
                    ></el-option>
                    <el-option label="三方协议" value="三方协议"></el-option>
                    <el-option label="实习协议" value="实习协议"></el-option>
                    <el-option label="聘用协议" value="聘用协议"></el-option>
                    <el-option label="劳务协议" value="劳务协议"></el-option>
                    <el-option label="未签订" value="未签订"></el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="入职时间" prop="entryDate">
                  <el-date-picker
                    v-model="editInfoForm.entryDate"
                    type="date"
                    placeholder="请选择"
                    style="width: 185px"
                    value-format="yyyy-MM-dd"
                  ></el-date-picker>
                </el-form-item>
                <el-form-item label="合同到期日" prop="contractDate">
                  <el-date-picker
                    v-model="editInfoForm.contractDate"
                    type="date"
                    placeholder="请选择"
                    style="width: 185px"
                    value-format="yyyy-MM-dd"
                  ></el-date-picker>
                </el-form-item>
                <el-form-item label="其他备注" prop="remarks">
                  <el-input
                    v-model="editInfoForm.remarks"
                    placeholder="请输入"
                  ></el-input>
                </el-form-item>
              </el-form>
            </div>
          </div>
          <div class="entryFile">
            <div class="title">
              <p>入职资料提交情况</p>
              <span></span>
            </div>
            <div class="searchFile">
              <el-form :model="editInfoForm" class="demo-form-inline">
                <el-form-item label="档案编号:" label-width="100px">
                  <el-input
                    v-model="editInfoForm.fileNumber"
                    placeholder="请输入"
                  ></el-input>
                </el-form-item>
              </el-form>
            </div>
          </div>
          <div class="bottomBox">
            <div>
              <p>
                <i
                  class="el-icon-myiconcardid"
                  :class="classArray[idCardCopy]"
                ></i>
              </p>
              <span>身份证复印件</span>
              <b :class="classArray[idCardCopy]"
                >【{{ nameArray[idCardCopy] }}】</b
              >
              <el-dropdown trigger="click" class="el-myDropdown">
                <el-button class="el-dropdown-link" type="primary" size="small"
                  >提交</el-button
                >
                <el-dropdown-menu slot="dropdown">
                  <el-button
                    type="primary"
                    size="medium"
                    @click="idCardCopy = 1"
                    >不需要</el-button
                  >
                  <el-button
                    type="primary"
                    size="medium"
                    @click="idCardCopy = 2"
                    >已提交</el-button
                  >
                  <el-button
                    type="primary"
                    size="medium"
                    @click="idCardCopy = 0"
                    >未提交</el-button
                  >
                </el-dropdown-menu>
              </el-dropdown>
            </div>
            <div>
              <p>
                <i
                  class="el-icon-myiconbiyezheng"
                  :class="classArray[educateCopy]"
                ></i>
              </p>
              <span>毕业证复印件</span>
              <b :class="classArray[educateCopy]"
                >【{{ nameArray[educateCopy] }}】</b
              >
              <el-dropdown trigger="click" class="el-myDropdown">
                <el-button class="el-dropdown-link" type="primary" size="small"
                  >提交</el-button
                >
                <el-dropdown-menu slot="dropdown">
                  <el-button
                    type="primary"
                    size="medium"
                    @click="educateCopy = 1"
                    >不需要</el-button
                  >
                  <el-button
                    type="primary"
                    size="medium"
                    @click="educateCopy = 2"
                    >已提交</el-button
                  >
                  <el-button
                    type="primary"
                    size="medium"
                    @click="educateCopy = 0"
                    >未提交</el-button
                  >
                </el-dropdown-menu>
              </el-dropdown>
            </div>
            <div>
              <p>
                <i
                  class="el-icon-myiconmaozi"
                  :class="classArray[degreeCopy]"
                ></i>
              </p>
              <span>学位证书复印件</span>
              <b :class="classArray[degreeCopy]"
                >【{{ nameArray[degreeCopy] }}】</b
              >
              <el-dropdown trigger="click" class="el-myDropdown">
                <el-button class="el-dropdown-link" type="primary" size="small"
                  >提交</el-button
                >
                <el-dropdown-menu slot="dropdown">
                  <el-button
                    type="primary"
                    size="medium"
                    @click="degreeCopy = 1"
                    >不需要</el-button
                  >
                  <el-button
                    type="primary"
                    size="medium"
                    @click="degreeCopy = 2"
                    >已提交</el-button
                  >
                  <el-button
                    type="primary"
                    size="medium"
                    @click="degreeCopy = 0"
                    >未提交</el-button
                  >
                </el-dropdown-menu>
              </el-dropdown>
            </div>
            <div>
              <p>
                <i
                  class="el-icon-myiconicon-test"
                  :class="classArray[bankCardCopy]"
                ></i>
              </p>
              <span>银行卡复印件</span>
              <b :class="classArray[bankCardCopy]"
                >【{{ nameArray[bankCardCopy] }}】</b
              >
              <el-dropdown trigger="click" class="el-myDropdown">
                <el-button class="el-dropdown-link" type="primary" size="small"
                  >提交</el-button
                >
                <el-dropdown-menu slot="dropdown">
                  <el-button
                    type="primary"
                    size="medium"
                    @click="bankCardCopy = 1"
                    >不需要</el-button
                  >
                  <el-button
                    type="primary"
                    size="medium"
                    @click="bankCardCopy = 2"
                    >已提交</el-button
                  >
                  <el-button
                    type="primary"
                    size="medium"
                    @click="bankCardCopy = 0"
                    >未提交</el-button
                  >
                </el-dropdown-menu>
              </el-dropdown>
            </div>
            <div>
              <p>
                <i
                  class="el-icon-myiconresume-line"
                  :class="classArray[personResumeCopy]"
                ></i>
              </p>
              <span>个人简历</span>
              <b :class="classArray[personResumeCopy]"
                >【{{ nameArray[personResumeCopy] }}】</b
              >
              <el-dropdown trigger="click" class="el-myDropdown">
                <el-button class="el-dropdown-link" type="primary" size="small"
                  >提交</el-button
                >
                <el-dropdown-menu slot="dropdown">
                  <el-button
                    type="primary"
                    size="medium"
                    @click="personResumeCopy = 1"
                    >不需要</el-button
                  >
                  <el-button
                    type="primary"
                    size="medium"
                    @click="personResumeCopy = 2"
                    >已提交</el-button
                  >
                  <el-button
                    type="primary"
                    size="medium"
                    @click="personResumeCopy = 0"
                    >未提交</el-button
                  >
                </el-dropdown-menu>
              </el-dropdown>
            </div>
            <div>
              <p>
                <i
                  class="el-icon-myiconbaogao"
                  :class="classArray[physicaExaminationCopy]"
                ></i>
              </p>
              <span>体检报告</span>
              <b :class="classArray[physicaExaminationCopy]"
                >【{{ nameArray[physicaExaminationCopy] }}】</b
              >
              <el-dropdown trigger="click" class="el-myDropdown">
                <el-button class="el-dropdown-link" type="primary" size="small"
                  >提交</el-button
                >
                <el-dropdown-menu slot="dropdown">
                  <el-button
                    type="primary"
                    size="medium"
                    @click="physicaExaminationCopy = 1"
                    >不需要</el-button
                  >
                  <el-button
                    type="primary"
                    size="medium"
                    @click="physicaExaminationCopy = 2"
                    >已提交</el-button
                  >
                  <el-button
                    type="primary"
                    size="medium"
                    @click="physicaExaminationCopy = 0"
                    >未提交</el-button
                  >
                </el-dropdown-menu>
              </el-dropdown>
            </div>
            <div>
              <p>
                <i
                  class="el-icon-myiconshu"
                  :class="classArray[skilCertificateCopy]"
                ></i>
              </p>
              <span>技能证书复印件</span>
              <b :class="classArray[skilCertificateCopy]"
                >【{{ nameArray[skilCertificateCopy] }}】</b
              >
              <el-dropdown trigger="click" class="el-myDropdown">
                <el-button class="el-dropdown-link" type="primary" size="small"
                  >提交</el-button
                >
                <el-dropdown-menu slot="dropdown">
                  <el-button
                    type="primary"
                    size="medium"
                    @click="skilCertificateCopy = 1"
                    >不需要</el-button
                  >
                  <el-button
                    type="primary"
                    size="medium"
                    @click="skilCertificateCopy = 2"
                    >已提交</el-button
                  >
                  <el-button
                    type="primary"
                    size="medium"
                    @click="skilCertificateCopy = 0"
                    >未提交</el-button
                  >
                </el-dropdown-menu>
              </el-dropdown>
            </div>
            <div>
              <p>
                <i
                  class="el-icon-myiconzhicheng"
                  :class="classArray[titleCopy]"
                ></i>
              </p>
              <span>职称证书复印件</span>
              <b :class="classArray[titleCopy]"
                >【{{ nameArray[titleCopy] }}】</b
              >
              <el-dropdown trigger="click" class="el-myDropdown">
                <el-button class="el-dropdown-link" type="primary" size="small"
                  >提交</el-button
                >
                <el-dropdown-menu slot="dropdown">
                  <el-button type="primary" size="medium" @click="titleCopy = 1"
                    >不需要</el-button
                  >
                  <el-button type="primary" size="medium" @click="titleCopy = 2"
                    >已提交</el-button
                  >
                  <el-button type="primary" size="medium" @click="titleCopy = 0"
                    >未提交</el-button
                  >
                </el-dropdown-menu>
              </el-dropdown>
            </div>
            <div>
              <p>
                <i
                  class="el-icon-myiconfoldzhedie"
                  :class="classArray[otherCopy]"
                ></i>
              </p>
              <span>其它入职材料</span>
              <b :class="classArray[otherCopy]"
                >【{{ nameArray[otherCopy] }}】</b
              >
              <el-dropdown trigger="click" class="el-myDropdown">
                <el-button class="el-dropdown-link" type="primary" size="small"
                  >提交</el-button
                >
                <el-dropdown-menu slot="dropdown">
                  <el-button type="primary" size="medium" @click="otherCopy = 1"
                    >不需要</el-button
                  >
                  <el-button type="primary" size="medium" @click="otherCopy = 2"
                    >已提交</el-button
                  >
                  <el-button type="primary" size="medium" @click="otherCopy = 0"
                    >未提交</el-button
                  >
                </el-dropdown-menu>
              </el-dropdown>
            </div>
          </div>
          <div class="buttonBox">
            <el-button type="primary" @click="editSubEvt">提交</el-button>
            <el-button type="primary" @click="saveEditEvt">保存</el-button>
            <el-button>取消</el-button>
          </div>
        </div>
      </div>
    </el-dialog>
    <!-- 信息变动审核弹窗 -->
    <el-dialog
      title="信息变动审核"
      :visible.sync="moveCheckVisible"
      append-to-body
      width="80%"
    >
      <div class="boxWrap4">
        <div class="headphoto"></div>
        <div class="infoBox">
          <div class="title">
            <p>个人信息</p>
            <span></span>
          </div>
          <div class="mainInfo1">
            <div>
              <div>
                <el-image
                  style="width: 100px; height: 100px"
                  :src="`http://nc.hopeedu.com:8116/data/photoUrl/${phototUrl}.jpg`"
                  fit="fill"
                ></el-image>
              </div>
            </div>
            <div>
              <ul>
                <li>
                  职工姓名:{{ beforeInfo.name }}（{{ beforeInfo.idCard }}）
                </li>
                <li>联系电话：{{ changedInfo.mobilePhone }}</li>
                <li>
                  政治面貌：
                  <span class="changedColor">
                    {{ changedInfo.politicalOutlook }}
                  </span>
                </li>
                <li>
                  民族：
                  <span class="changedColor">
                    {{ changedInfo.nation }}
                  </span>
                </li>
                <li>
                  性别：
                  <span class="changedColor">
                    {{ changedInfo.sex | transSex }}
                  </span>
                </li>
                <li>
                  婚否：
                  <span class="changedColor">
                    {{ changedInfo.maritalStatus }}
                  </span>
                </li>
                <li>出生年月：{{ beforeInfo.bornDate }}</li>
                <li>职工年龄：{{ beforeInfo.age }}</li>
                <li>
                  家庭住址：
                  <span class="changedColor">
                    {{ changedInfo.homeAddress }}
                  </span>
                </li>
                <li>
                  籍贯
                  <span class="changedColor">
                    {{ changedInfo.nativePlace }}
                  </span>
                </li>
                <li>户籍类型:{{ changedInfo.householdRegistration }}</li>
                <li>
                  身份证地址：
                  <span class="changedColor">
                    {{ changedInfo.permanentAddress }}
                  </span>
                </li>
                <li>身份证到期时间:{{ changedInfo.idCardExpirationDate }}</li>
                <li>紧急联系人:{{ changedInfo.emergencyContact }}</li>
                <li>紧急联系人电话:{{ changedInfo.emergencyContactPhone }}</li>
                <li>
                  是否双师：
                  <span class="changedColor">
                    {{ changedInfo.ifDonbleTeacher }}
                  </span>
                </li>
                <li>
                  是否残疾：
                  <span>
                    {{ beforeInfo.ifDisability == 2 ? "否" : "是" }}
                  </span>
                </li>
                <li>其他备注:{{ beforeInfo.remarks }}</li>
              </ul>
            </div>
          </div>
          <div class="title">
            <p>合同信息</p>
            <span></span>
          </div>
          <div class="basicInfo">
            <ul>
              <li>合同类型：{{ beforeInfo.contractType }}</li>
              <li>入职日期：{{ beforeInfo.entryDate }}</li>
              <li>转正日期:{{ beforeInfo.employmentConfirmationDate }}</li>
              <li>合同到期：{{ beforeInfo.contractDate }}</li>
              <li>服务年限：{{ beforeInfo.workYear }}(年)</li>
            </ul>
          </div>
          <div class="title">
            <p>岗位信息</p>
            <span></span>
          </div>
          <div class="postInfo">
            <ul>
              <li>工号：{{ beforeInfo.jobNumber }}</li>
              <li>就职部门：{{ beforeInfo.department }}</li>
              <li>就职分部:{{ beforeInfo.branch }}</li>
              <li>就职岗位：{{ beforeInfo.post }}</li>
              <li>岗位性质：{{ beforeInfo.postNature }}</li>
              <li>工作性质：{{ beforeInfo.workNature }}</li>
              <li>员工类别：{{ beforeInfo.staffType }}</li>
              <li>大部制：{{ beforeInfo.largeDepartmentSystem }}</li>
              <li>员工职级：{{ beforeInfo.postLevel }}</li>
              <li>
                工作地点：
                <span class="changedColor">
                  {{ changedInfo.workAddress }}
                </span>
              </li>
            </ul>
          </div>
          <div class="title title2">
            <p>个人学历及能力提升</p>
            <span></span>
          </div>
          <!-- <div class="educateInfo">
                        <p>最高学历</p>
                        <ul>
                            <li>学历层次：<span class="changedColor">{{changedInfo.education}}</span></li>
                            <li>毕业学校：<span class="changedColor">{{changedInfo.graduatedSchool}}</span></li>
                            <li>专业：<span class="changedColor">{{changedInfo.majorStudy}}</span></li>
                            <li>性质：<span class="changedColor">{{changedInfo.educationType}}</span></li>
                            <li>毕业时间：<span class="changedColor">{{changedInfo.graduateDate}}</span></li>
                        </ul>
                        <p>次高学历</p>
                        <ul>
                            <li>学历层次：<span class="changedColor">{{changedInfo.secondEducation}}</span></li>
                            <li>毕业学校：<span class="changedColor">{{changedInfo.secondGraduatedSchool}}</span></li>
                            <li>专业：<span class="changedColor">{{changedInfo.secondMajorStudy}}</span></li>
                            <li>性质：<span class="changedColor">{{changedInfo.secondEducationType}}</span></li>
                            <li>毕业时间：<span class="changedColor">{{changedInfo.secondGraduateDate}}</span></li>
                        </ul>
          </div>-->
          <div class="educateInfo">
            <el-table
              :data="checkEducationData1"
              stripe
              style="width: 100%; margin-left: 40px"
            >
              <el-table-column prop="level" label="等级"></el-table-column>
              <el-table-column
                prop="education"
                label="学历层次"
              ></el-table-column>
              <el-table-column
                prop="graduatedSchool"
                label="毕业学校"
              ></el-table-column>
              <el-table-column prop="majorStudy" label="专业"></el-table-column>
              <el-table-column prop="hignestMajor" label="学科" width="180px">
                <template slot-scope="{ row }">
                  <el-cascader
                    :disabled="true"
                    :show-all-levels="false"
                    filterable
                    v-model="row.hignestMajor"
                    :options="option"
                  ></el-cascader>
                </template>
              </el-table-column>
              <el-table-column prop="studyForm" label="性质"></el-table-column>
              <el-table-column
                prop="graduateDate"
                label="毕业时间"
              ></el-table-column>
              <el-table-column
                prop="getTime"
                label="毕业证书"
              ></el-table-column>
              <el-table-column
                prop="getTime"
                label="学位证书"
              ></el-table-column>
            </el-table>
          </div>
          <!-- <div class="title title1">
                        <p>证书与职称</p>
                        <span></span>
          </div>-->
          <div class="professional">
            <ul>
              <li>
                高校教师资格证：
                <span class="changedColor">
                  {{ changedInfo.ifTeacherQualificationCertificate }}
                </span>
              </li>
              <!-- <li v-for="it in ids" :key="it.id"><span class="changedColor">{{it.type}}:{{it.name}}&nbsp;&nbsp;等级:{{it.level}}
              &nbsp;&nbsp;专业:{{it.major}}&nbsp;&nbsp;获得时间:{{it.getTime}}</span></li>-->
              <!-- <li>取得证书时间：<span class="changedColor">{{changedInfo.teacherQualificationCertificateDate}}</span></li>
                            <li>教师序列职称：<span class="changedColor">{{changedInfo.teachersSerialTitles}}</span></li>
                            <li>取得职称时间：<span class="changedColor">{{changedInfo.teachersSerialTitlesTime}}</span></li>
                            <li>非教师序列职：<span class="changedColor">{{changedInfo.ifNonTteacherTitle}}</span></li>
                            <li>取得职称时间：<span class="changedColor">{{changedInfo.nonTteacherTitleTime}}</span></li>
              <li>其它职业资格：<span class="changedColor">{{changedInfo.otherVocationalSkills}}</span></li>-->
            </ul>
            <el-table :data="ids" stripe style="width: 100%">
              <el-table-column prop="type" label="名称">
                <template slot-scope="{ row }">
                  <span>{{ row.type + " " }}</span>
                  <span style="padding-left: 10px">
                    {{ row.name ? row.name : "" }}
                  </span>
                </template>
              </el-table-column>
              <el-table-column prop="level" label="等级"></el-table-column>
              <el-table-column prop="unit" label="授予单位"></el-table-column>
              <el-table-column
                prop="getTime"
                label="取得时间"
              ></el-table-column>
            </el-table>
          </div>
        </div>
        <div class="footer">
          <el-button type="primary" size="medium" @click="passEvt"
            >审核通过</el-button
          >
          <el-button
            v-if="!isNotPass"
            type="primary"
            size="medium"
            @click="NotPassEvt1"
            >审核不通过</el-button
          >
          <el-button size="medium" @click="moveCheckVisible = false"
            >取消</el-button
          >
        </div>
        <div v-if="isNotPass" class="notPassBox">
          <p>不通过原因</p>
          <el-input
            v-model="examineRemark"
            :rows="2"
            type="textarea"
            placeholder="请输入"
          ></el-input>
          <el-button type="primary" size="medium" @click="NotPassEvt"
            >确定</el-button
          >
          <el-button size="medium" @click="showNotPass">取消</el-button>
        </div>
      </div>
    </el-dialog>
    <!-- 教职工入职的弹窗 -->
    <el-dialog
      :visible.sync="teacherEnryVisible"
      width="85%"
      :title="teacherEntryTitl"
      append-to-body
    >
      <div class="boxWrap5">
        <div class="mainBox">
          <div class="personInfo">
            <div class="title">
              <p>个人信息</p>
              <span></span>
            </div>
            <div class="form">
              <el-form
                :model="personData"
                :rules="teacherEntryRules"
                ref="teacherEntryNode"
                label-width="150px"
                :inline="true"
                class="demo-ruleForm"
              >
                <el-form-item label="员工姓名" prop="name">
                  <el-input
                    v-model="personData.name"
                    placeholder="请输入"
                  ></el-input>
                </el-form-item>
                <el-form-item
                  label="用户登录名"
                  prop="userName"
                  v-if="teacherEntryTitl === '教职工入职'"
                >
                  <el-input
                    v-model="personData.userName"
                    placeholder="请输入"
                  ></el-input>
                </el-form-item>
                <el-form-item label="员工工号" prop="jobNumber">
                  <el-input
                    v-model="personData.jobNumber"
                    placeholder="请输入"
                  ></el-input>
                </el-form-item>
                <el-form-item label="身份证号" prop="idCard">
                  <el-input
                    v-model="personData.idCard"
                    placeholder="请输入"
                  ></el-input>
                </el-form-item>
                <el-form-item label="入职部门" prop>
                  <el-select
                    v-model="personData.department"
                    @change="chooseDeptId"
                    placeholder="请选择"
                    style="width: 185px"
                  >
                    <el-option
                      v-for="item in dept"
                      :key="item.XYMC"
                      :label="item.XYMC"
                      :value="item.XYMC"
                    ></el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="入职分部" prop="branch">
                  <el-input
                    v-model="personData.branch"
                    placeholder="请输入"
                  ></el-input>
                </el-form-item>
                <el-form-item label="入职岗位" prop="post">
                  <el-input
                    v-model="personData.post"
                    placeholder="请输入"
                  ></el-input>
                </el-form-item>
                <el-form-item label="岗位性质" prop="postType">
                  <el-select
                    v-model="personData.postType"
                    placeholder="请选择"
                    style="width: 185px"
                  >
                    <el-option label="正式" value="正式"></el-option>
                    <el-option label="实习" value="实习"></el-option>
                    <el-option label="试用" value="试用"></el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="工作性质" prop="workNature">
                  <el-select
                    v-model="personData.workNature"
                    placeholder="请选择"
                    style="width: 185px"
                  >
                    <el-option label="专职" value="专职"></el-option>
                    <el-option label="兼职" value="兼职"></el-option>
                    <!-- <el-option label="实习" value="实习"></el-option> -->
                  </el-select>
                </el-form-item>
                <el-form-item label="员工职级" prop="postLevel">
                  <el-select
                    v-model="personData.postLevel"
                    placeholder="请选择"
                    style="width: 185px"
                  >
                    <el-option label="一级正职" value="一级正职"></el-option>
                    <el-option label="一级副职" value="一级副职"></el-option>
                    <el-option label="二级正职" value="二级正职"></el-option>
                    <el-option label="二级副职" value="二级副职"></el-option>
                    <el-option label="三级正职" value="三级正职"></el-option>
                    <el-option label="三级副职" value="三级副职"></el-option>
                    <el-option label="四级正职" value="四级正职"></el-option>
                    <el-option label="四级副职" value="四级副职"></el-option>
                    <el-option label="无职级" value="无职级"></el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="大部制" prop="largeDepartmentSystem">
                  <el-select
                    v-model="personData.largeDepartmentSystem"
                    placeholder="请选择"
                    style="width: 185px"
                  >
                    <el-option
                      label="教学事务部"
                      value="教学事务部"
                    ></el-option>
                    <el-option
                      label="学生事务部"
                      value="学生事务部"
                    ></el-option>
                    <el-option
                      label="综合管理部"
                      value="综合管理部"
                    ></el-option>
                    <el-option label="无" value="无"></el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="员工类别" prop="staffType">
                  <el-select
                    v-model="personData.staffType"
                    placeholder="请选择"
                    style="width: 185px"
                  >
                    <el-option label="教师" value="教师"></el-option>
                    <el-option label="辅导员" value="辅导员"></el-option>
                    <el-option label="行政兼课" value="行政兼课"></el-option>
                    <el-option label="行政人员" value="行政人员"></el-option>
                    <el-option label="工勤人员" value="工勤人员"></el-option>
                    <el-option label="招生人员" value="招生人员"></el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="合同类型" prop="contractType">
                  <el-select
                    v-model="personData.contractType"
                    placeholder="请选择"
                    style="width: 185px"
                  >
                    <el-option
                      label="固定期限劳动合同"
                      value="固定期限劳动合同"
                    ></el-option>
                    <el-option
                      label="无固定期限劳动合同"
                      value="无固定期限劳动合同"
                    ></el-option>
                    <el-option label="三方协议" value="三方协议"></el-option>
                    <el-option label="实习协议" value="实习协议"></el-option>
                    <el-option label="聘用协议" value="聘用协议"></el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="入职时间" prop="entryDate">
                  <el-date-picker
                    v-model="personData.entryDate"
                    type="date"
                    placeholder="请选择"
                    style="width: 185px"
                    value-format="yyyy-MM-dd"
                  ></el-date-picker>
                </el-form-item>
                <el-form-item
                  label="转正时间"
                  prop="employmentConfirmationDate"
                >
                  <el-date-picker
                    v-model="personData.employmentConfirmationDate"
                    type="date"
                    placeholder="请选择"
                    style="width: 185px"
                    value-format="yyyy-MM-dd"
                  ></el-date-picker>
                </el-form-item>
                <el-form-item label="合同到期日" prop="contractDate">
                  <el-date-picker
                    v-model="personData.contractDate"
                    type="date"
                    placeholder="请选择"
                    style="width: 185px"
                    value-format="yyyy-MM-dd"
                  ></el-date-picker>
                </el-form-item>
                <el-form-item label="是否残疾" prop="ifDisability">
                  <!-- <el-input v-model="personData.remarks" placeholder="请输入"></el-input> -->
                  <el-radio-group
                    v-model="personData.ifDisability"
                    style="width: 100%"
                  >
                    <el-radio :label="1">是</el-radio>
                    <el-radio :label="2">否</el-radio>
                  </el-radio-group>
                </el-form-item>
                <el-form-item label="其他备注" prop="remarks">
                  <el-input
                    v-model="personData.remarks"
                    placeholder="请输入"
                  ></el-input>
                </el-form-item>
              </el-form>
            </div>
          </div>
          <div class="entryFile">
            <div class="title">
              <p>入职资料提交情况</p>
              <span></span>
            </div>
            <div class="searchFile">
              <el-form :model="personData" class="demo-form-inline">
                <el-form-item
                  label="档案编号:"
                  label-width="100px"
                  prop="fileNumber"
                >
                  <el-input
                    v-model="personData.fileNumber"
                    placeholder="请输入"
                  ></el-input>
                </el-form-item>
              </el-form>
            </div>
          </div>
          <div class="bottomBox">
            <div>
              <p>
                <i
                  class="el-icon-myiconcardid"
                  :class="classArray[idCardCopy]"
                ></i>
              </p>
              <span>身份证复印件</span>
              <b :class="classArray[idCardCopy]"
                >【{{ nameArray[idCardCopy] }}】</b
              >
              <el-dropdown trigger="click" class="el-myDropdown">
                <el-button class="el-dropdown-link" type="primary" size="small"
                  >提交</el-button
                >
                <el-dropdown-menu slot="dropdown">
                  <el-button
                    type="primary"
                    size="medium"
                    @click="idCardCopy = 1"
                    >不需要</el-button
                  >
                  <el-button
                    type="primary"
                    size="medium"
                    @click="idCardCopy = 2"
                    >已提交</el-button
                  >
                  <el-button
                    type="primary"
                    size="medium"
                    @click="idCardCopy = 0"
                    >未提交</el-button
                  >
                </el-dropdown-menu>
              </el-dropdown>
            </div>
            <div>
              <p>
                <i
                  class="el-icon-myiconbiyezheng"
                  :class="classArray[educateCopy]"
                ></i>
              </p>
              <span>毕业证复印件</span>
              <b :class="classArray[educateCopy]"
                >【{{ nameArray[educateCopy] }}】</b
              >
              <el-dropdown trigger="click" class="el-myDropdown">
                <el-button class="el-dropdown-link" type="primary" size="small"
                  >提交</el-button
                >
                <el-dropdown-menu slot="dropdown">
                  <el-button
                    type="primary"
                    size="medium"
                    @click="educateCopy = 1"
                    >不需要</el-button
                  >
                  <el-button
                    type="primary"
                    size="medium"
                    @click="educateCopy = 2"
                    >已提交</el-button
                  >
                  <el-button
                    type="primary"
                    size="medium"
                    @click="educateCopy = 0"
                    >未提交</el-button
                  >
                </el-dropdown-menu>
              </el-dropdown>
            </div>
            <div>
              <p>
                <i
                  class="el-icon-myiconmaozi"
                  :class="classArray[degreeCopy]"
                ></i>
              </p>
              <span>学位证书复印件</span>
              <b :class="classArray[degreeCopy]"
                >【{{ nameArray[degreeCopy] }}】</b
              >
              <el-dropdown trigger="click" class="el-myDropdown">
                <el-button class="el-dropdown-link" type="primary" size="small"
                  >提交</el-button
                >
                <el-dropdown-menu slot="dropdown">
                  <el-button
                    type="primary"
                    size="medium"
                    @click="degreeCopy = 1"
                    >不需要</el-button
                  >
                  <el-button
                    type="primary"
                    size="medium"
                    @click="degreeCopy = 2"
                    >已提交</el-button
                  >
                  <el-button
                    type="primary"
                    size="medium"
                    @click="degreeCopy = 0"
                    >未提交</el-button
                  >
                </el-dropdown-menu>
              </el-dropdown>
            </div>
            <div>
              <p>
                <i
                  class="el-icon-myiconicon-test"
                  :class="classArray[bankCardCopy]"
                ></i>
              </p>
              <span>银行卡复印件</span>
              <b :class="classArray[bankCardCopy]"
                >【{{ nameArray[bankCardCopy] }}】</b
              >
              <el-dropdown trigger="click" class="el-myDropdown">
                <el-button class="el-dropdown-link" type="primary" size="small"
                  >提交</el-button
                >
                <el-dropdown-menu slot="dropdown">
                  <el-button
                    type="primary"
                    size="medium"
                    @click="bankCardCopy = 1"
                    >不需要</el-button
                  >
                  <el-button
                    type="primary"
                    size="medium"
                    @click="bankCardCopy = 2"
                    >已提交</el-button
                  >
                  <el-button
                    type="primary"
                    size="medium"
                    @click="bankCardCopy = 0"
                    >未提交</el-button
                  >
                </el-dropdown-menu>
              </el-dropdown>
            </div>
            <div>
              <p>
                <i
                  class="el-icon-myiconresume-line"
                  :class="classArray[personResumeCopy]"
                ></i>
              </p>
              <span>个人简历</span>
              <b :class="classArray[personResumeCopy]"
                >【{{ nameArray[personResumeCopy] }}】</b
              >
              <el-dropdown trigger="click" class="el-myDropdown">
                <el-button class="el-dropdown-link" type="primary" size="small"
                  >提交</el-button
                >
                <el-dropdown-menu slot="dropdown">
                  <el-button
                    type="primary"
                    size="medium"
                    @click="personResumeCopy = 1"
                    >不需要</el-button
                  >
                  <el-button
                    type="primary"
                    size="medium"
                    @click="personResumeCopy = 2"
                    >已提交</el-button
                  >
                  <el-button
                    type="primary"
                    size="medium"
                    @click="personResumeCopy = 0"
                    >未提交</el-button
                  >
                </el-dropdown-menu>
              </el-dropdown>
            </div>
            <div>
              <p>
                <i
                  class="el-icon-myiconbaogao"
                  :class="classArray[physicaExaminationCopy]"
                ></i>
              </p>
              <span>体检报告</span>
              <b :class="classArray[physicaExaminationCopy]"
                >【{{ nameArray[physicaExaminationCopy] }}】</b
              >
              <el-dropdown trigger="click" class="el-myDropdown">
                <el-button class="el-dropdown-link" type="primary" size="small"
                  >提交</el-button
                >
                <el-dropdown-menu slot="dropdown">
                  <el-button
                    type="primary"
                    size="medium"
                    @click="physicaExaminationCopy = 1"
                    >不需要</el-button
                  >
                  <el-button
                    type="primary"
                    size="medium"
                    @click="physicaExaminationCopy = 2"
                    >已提交</el-button
                  >
                  <el-button
                    type="primary"
                    size="medium"
                    @click="physicaExaminationCopy = 0"
                    >未提交</el-button
                  >
                </el-dropdown-menu>
              </el-dropdown>
            </div>
            <div>
              <p>
                <i
                  class="el-icon-myiconshu"
                  :class="classArray[skilCertificateCopy]"
                ></i>
              </p>
              <span>技能证书复印件</span>
              <b :class="classArray[skilCertificateCopy]"
                >【{{ nameArray[skilCertificateCopy] }}】</b
              >
              <el-dropdown trigger="click" class="el-myDropdown">
                <el-button class="el-dropdown-link" type="primary" size="small"
                  >提交</el-button
                >
                <el-dropdown-menu slot="dropdown">
                  <el-button
                    type="primary"
                    size="medium"
                    @click="skilCertificateCopy = 1"
                    >不需要</el-button
                  >
                  <el-button
                    type="primary"
                    size="medium"
                    @click="skilCertificateCopy = 2"
                    >已提交</el-button
                  >
                  <el-button
                    type="primary"
                    size="medium"
                    @click="skilCertificateCopy = 0"
                    >未提交</el-button
                  >
                </el-dropdown-menu>
              </el-dropdown>
            </div>
            <div>
              <p>
                <i
                  class="el-icon-myiconzhicheng"
                  :class="classArray[titleCopy]"
                ></i>
              </p>
              <span>职称证书复印件</span>
              <b :class="classArray[titleCopy]"
                >【{{ nameArray[titleCopy] }}】</b
              >
              <el-dropdown trigger="click" class="el-myDropdown">
                <el-button class="el-dropdown-link" type="primary" size="small"
                  >提交</el-button
                >
                <el-dropdown-menu slot="dropdown">
                  <el-button type="primary" size="medium" @click="titleCopy = 1"
                    >不需要</el-button
                  >
                  <el-button type="primary" size="medium" @click="titleCopy = 2"
                    >已提交</el-button
                  >
                  <el-button type="primary" size="medium" @click="titleCopy = 0"
                    >未提交</el-button
                  >
                </el-dropdown-menu>
              </el-dropdown>
            </div>
            <div>
              <p>
                <i
                  class="el-icon-myiconfoldzhedie"
                  :class="classArray[otherCopy]"
                ></i>
              </p>
              <span>其它入职材料</span>
              <b :class="classArray[otherCopy]"
                >【{{ nameArray[otherCopy] }}】</b
              >
              <el-dropdown trigger="click" class="el-myDropdown">
                <el-button class="el-dropdown-link" type="primary" size="small"
                  >提交</el-button
                >
                <el-dropdown-menu slot="dropdown">
                  <el-button type="primary" size="medium" @click="otherCopy = 1"
                    >不需要</el-button
                  >
                  <el-button type="primary" size="medium" @click="otherCopy = 2"
                    >已提交</el-button
                  >
                  <el-button type="primary" size="medium" @click="otherCopy = 0"
                    >未提交</el-button
                  >
                </el-dropdown-menu>
              </el-dropdown>
            </div>
          </div>
          <div class="buttonBox">
            <el-button
              :loading="submitLoading"
              type="primary"
              @click="submitEvt('teacherEntryNode')"
              >提交</el-button
            >
            <!-- <el-button type="primary" @click="saveEvt">保存</el-button> -->
            <el-button @click="cancelEvt('teacherEntryNode')">取消</el-button>
          </div>
        </div>
      </div>
    </el-dialog>
    <!-- 导出集团人事报表 -->
    <el-dialog
      title="选择导出的数据"
      :visible.sync="dialogFormVisibleHrReport"
      width="45%"
      append-to-body
    >
      <p>功能暂未上线</p>
      <!-- <el-form :model="formHrReport" class="demo-form-inline" :inline="true">
        <el-form-item label="选择报表年度:" :label-width="formLabelWidth">
          <el-select v-model="form.region" placeholder="请选择活动区域">
            <el-option label="区域一" value="shanghai"></el-option>
            <el-option label="区域二" value="beijing"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="选择报表:" :label-width="formLabelWidth">
          <el-select v-model="form.region" placeholder="请选择活动区域">
            <el-option label="区域一" value="shanghai"></el-option>
            <el-option label="区域二" value="beijing"></el-option>
          </el-select>
        </el-form-item>
      </el-form>-->
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogFormVisibleHrReport = false">取 消</el-button>
        <el-button type="primary" @click="dialogFormVisibleHrReport = false"
          >确 定</el-button
        >
      </div>
    </el-dialog>
  </div>
</template>

<script>
import Ajax from "../../utils/Ajax.js";
import '../../utils/isShowTotalNumber.js'
export default {
  name: "StaffBasicInfo",
  data() {
    return {
      mylayout: "",
      isloading: true,
      submitLoading: false,
      dialogFormVisibleHrReport: false,
      formHrReport: {
        name: "",
        region: "",
      },
      formLabelWidth: "150px",
      option: [],
      educationData: [],
      isNotPass: false,
      examineRemark: "",
      // leaveData: {
      //   userId: JSON.parse(localStorage.getItem("USER")).userId
      // },
      myheaders: {
        Authorization:
          "Bearer" + " " + JSON.parse(localStorage.getItem("ACCESS_TOKEN")),
      },
      mainCurrentPage: 1,
      currentPage1: 1,
      totalCount1: 1,
      pageSize1: 10,
      pageNum1: 0,
      teacherEntryTitl: "",
      form: {
        name: "",
        post: "",
        department: "",
        sex: "",
        politicalOutlook: "",
        staffType: "",
        status: "",
        isDoubleQualification: "",
        contractDate: "",
        education: "",
        workNature: "",
      },
      secendEducation: {
        education: "",
        graduated_school: "",
        major: "",
        study_form: "",
        graduation_date: "",
      },
      totalCount: 0,
      detailVisible: false,
      deleteInfoVisible: false,
      value: "",
      dept: [],
      options: [],
      tableData: [],
      mainData: [],
      currentPage: 1,
      teacherMove: false,
      MoveData: {
        department: "",
        post: "",
        postLevel: "",
      },
      MoveToData: {
        id: "",
        changetype: "",
        department: "",
        deptId: "",
        post: "",
        postLevel: "",
        changeTime: "",
        name: "",
        remarks: "",
        changeKinds: "",
        leaveReason: "",
      },
      moveRules: {
        leaveDate: [
          { required: true, message: "请选择离职时间", trigger: "change" },
        ],
        leaveReason: [
          { required: true, message: "请输入离职原因", trigger: "blur" },
        ],
        leaveDirection: [
          { required: true, message: "请输入离职去向", trigger: "blur" },
        ],
        changeTime: [
          { required: true, message: "请选择异动日期", trigger: "change" },
        ],
        postLevel: [
          { required: true, message: "请选择调任职级", trigger: "change" },
        ],
        post: [
          { required: true, message: "请选择调任岗位", trigger: "change" },
        ],
        department: [
          { required: true, message: "请选择调任部门", trigger: "blur" },
        ],
        changetype: [
          { required: true, message: "请选择异动去向", trigger: "change" },
        ],
        resaon: [{ required: true, message: "请输入原因", trigger: "blur" }],
        wheregoto: [{ required: true, message: "请输入去向", trigger: "blur" }],
        remarks: [{ required: true, trigger: "blur", message: "请输入备注" }],
      },
      importDataVison: false,
      ///////
      uploadHeader: {}, // 上传文件自定义header
      isNext: true,
      isNext1: false,
      isFinish: false,
      stepName: 1,
      isLeave: true,
      pageSize: 15,
      pageNum: 1,
      detailCard: {},
      editInfoVisible: false,
      options: [],
      isSubmit: false,
      editInfoForm: {},
      rules: {
        name: [{ required: true, message: "请输入姓名", trigger: "blur" }],
      },
      moveCheckVisible: false,
      teacherEnryVisible: false,
      //教职工入职的数据
      personData: {
        ifDisability: "",
        largeDepartmentSystem: "",
        userName: "",
        employeeId: "",
        name: "",
        jobNumber: "",
        idCard: "",
        phototUrl: "",
        sex: "",
        bornDate: "",
        age: "",
        nation: "",
        maritalStatus: "",
        mobilePhone: "",
        nativePlace: "",
        householdRegistration: "",
        politicalOutlook: "",
        education: "",
        academicDegree: "",
        graduatedSchool: "",
        majorStudy: "",
        educationType: "",
        graduateDate: "",
        homeAddress: "",
        idCardExpirationDate: "",
        permanentAddress: "",
        addressNow: "",
        emergencyContact: "",
        emergencyContactPhone: "",
        department: "",
        branch: "",
        post: "",
        staffType: "",
        workNature: "",
        postNature: "",
        postLevel: "",
        entryDate: "",
        employmentConfirmationDate: "",
        workYear: "",
        month: "",
        titleSummary: "",
        major: "",
        titleGetDate: "",
        titleConferringUnit: "",
        ifDonbleTeacher: "",
        ifTeacherQualificationCertificate: "",
        teacherQualificationCertificate_date: "",
        teachersSerialTitles: "",
        teachersSerialTitlesTime: "",
        ifNonTteacherTitle: "",
        nonTteacherTitleTime: "",
        otherVocationalSkills: "",
        contractType: "",
        contractDate: "",
        contractSigning: "",
        firstSocialSecurityPurchase_date: "",
        firstBuyAccumulationFundDate: "",
        ifDoubleEmployees: "",
        dormitoryLocation: "",
        status: "",
        createTime: "",
        remarks: "",
        ifInstructor: "",
        userId: "",
        idCardCopy: "",
        diplomaCopy: "",
        academicCopy: "",
        bankCardCopy: "",
        resume: "",
        physicaExaminationCopy: "",
        skilCertificateCopy: "",
        titleCopy: "",
        otherCopy: "",
        fileNumber: "",
        dataStatus: "提交",
        isDoubleQualification: "",
        changeTime: "",
        examineStatus: "",
        deptId: "",
      },
      teacherEntryRules: {
        name: [{ required: true, message: "请输入姓名", trigger: "blur" }],
        userName: [
          { required: true, message: "请输入用户登录名", trigger: "blur" },
        ],
        jobNumber: [{ required: true, message: "请输入工号", trigger: "blur" }],
        idCard: [
          { required: true, message: "请输入身份证号码", trigger: "blur" },
        ],
        department: [
          { required: true, message: "请选择部门", trigger: "blur" },
        ],
        post: [{ required: true, message: "请输入岗位", trigger: "blur" }],
        postNature: [
          { required: true, message: "请选择岗位 性质", trigger: "blur" },
        ],
        workNature: [
          { required: true, message: "请选择工作性质", trigger: "blur" },
        ],
        postLevel: [{ required: true, message: "请选择职级", trigger: "blur" }],
        largeDepartmentSystem: [
          { required: true, message: "请选择大部制", trigger: "blur" },
        ],
        staffType: [
          { required: true, message: "请选择员工类别", trigger: "blur" },
        ],
        contractType: [
          { required: true, message: "请选择合同类别", trigger: "blur" },
        ],
        entryDate: [
          { required: true, message: "请选择入职时间", trigger: "blur" },
        ],
        contractDate: [
          { required: true, message: "请选择合同到期时间", trigger: "blur" },
        ],
      },
      dept: [],
      idCardCopy: 0,
      educateCopy: 0,
      degreeCopy: 0,
      bankCardCopy: 0,
      personResumeCopy: 0,
      physicaExaminationCopy: 0,
      skilCertificateCopy: 0,
      titleCopy: 0,
      otherCopy: 0,
      nameArray: ["未提交", "不需要", "已提交"],
      classArray: ["notSub", "noNeed", "submited"],
      beforeInfo: {},
      changedInfo: {},
      phototUrl: "",
      deleteId: "",
      educationObj: {},
      fileList: [], //异动附件,
      timer: undefined,
      nameOptions: [],
      fileList1: [],
      fileName: "",
      ids: [],
      CertificateList: [],
      checkEducationData1: [],
    };
  },
  filters: {
    // 性别过滤器
    transSex(val) {
      switch (val) {
        case "0":
          return "男";
        case "1":
          return "女";
      }
    },
  },
  created() {
    this.getUserInfo();
    // this.initdept();
    this.searchEvt();
        this.mylayout = window.mylayout
    // var roleId = JSON.parse(localStorage.getItem("USER")).roleId;
    // if (roleId.includes("99")) {
    //   this.mylayout = "sizes, prev, pager, next, jumper";
    // } else {
    //   this.mylayout = "total, sizes, prev, pager, next, jumper";
    // }
  },
  mounted() {
    this.uploadHeader = {
      // Authorization: "bearer " + sessionStorage.getItem("token")
      Authorization: "bearer 2b6b38ab-54e1-4a78-90ae-1b4c3f6b0968",
    };
  },
  methods: {
    async getUserInfo() {
      this.$get("auth/user").then((r) => {
        console.log(r, "rrr");
        localStorage.setItem("name", r.data.name);
        localStorage.setItem("USER", JSON.stringify(r.data.principal));
      });
    },
    // 获取学科数据
    async getSubjectList() {
      this.$get("oa/getSubjects").then((r) => {
        let res = r.data;
        if (res.code == 0) {
          this.copyOptions = res.data;
          let optionList = [];
          optionList = res.data.filter((it) => {
            return it.parentCode == null;
          });
          optionList.map((it) => {
            it.children = [];
          });
          res.data.map((it) => {
            optionList.map((itt) => {
              if (it.parentCode == itt.code) {
                itt.children.push(it);
              }
            });
          });
          optionList.map((it) => {
            it.children.map((itt) => {
              itt.children = [];
            });
          });
          res.data.map((it) => {
            optionList.map((itt) => {
              itt.children.map((ittt) => {
                if (it.parentCode == ittt.code) {
                  ittt.children.push(it);
                }
              });
            });
          });
          optionList.map((it) => {
            it.children.map((itt) => {
              for (let key in itt) {
                if (key == "code") {
                  itt["value"] = itt[key]; //在对象中添加了myId键名,并把当前key值赋值给了myId
                  delete itt[key]; //删除当前键名为id的属性
                }
                if (key == "name") {
                  itt["label"] = itt[key]; //在对象中添加了myId键名,并把当前key值赋值给了myId
                  delete itt[key]; //删除当前键名为id的属性
                }
              }
            });
          });
          optionList.map((it) => {
            for (let key in it) {
              if (key == "code") {
                it["value"] = it[key]; //在对象中添加了myId键名,并把当前key值赋值给了myId
                delete it[key]; //删除当前键名为id的属性
              }
              if (key == "name") {
                it["label"] = it[key]; //在对象中添加了myId键名,并把当前key值赋值给了myId
                delete it[key]; //删除当前键名为id的属性
              }
            }
          });
          optionList.map((it) => {
            it.children.map((itt) => {
              itt.children.map((ittt) => {
                for (let key in ittt) {
                  if (key == "code") {
                    ittt["value"] = ittt[key]; //在对象中添加了myId键名,并把当前key值赋值给了myId
                    delete itt[key]; //删除当前键名为id的属性
                  }
                  if (key == "name") {
                    ittt["label"] = ittt[key]; //在对象中添加了myId键名,并把当前key值赋值给了myId
                    delete ittt[key]; //删除当前键名为id的属性
                  }
                }
              });
            });
          });
          this.option = optionList;
        }
      });
    },
    // 离职原因改变
    leaveResonChnage(val) {},
    // 判断合同到期时间是不是本月
    contractDateIsNow() {
      let now = new Date();
      let today = now.toISOString().substring(0, 7);
      CDate = CDate.substring(0, 7);
      if (today == CDate) {
      } else {
        console.log("CDate非本月");
      }
    },
    // 查询职称
    async getCertificate(id) {
      this.$get("oa/getCer", { employeeId: id }).then((r) => {
        let res = r.data;
        if (res) {
          this.CertificateList = res.data;
          this.CertificateList = [
            ...this.CertificateList,
            {
              type: "高校教师资格证",
              name: this.detailCard.ifTeacherQualificationCertificate,
              unit: this.detailCard.titleConferringUnit,
              getTime: this.detailCard.teacherQualificationCertificateDate,
            },
          ];
        }
      });
    },
    // 文件上传前的钩子
    beforeupload1(file) {
      this.fileName = file.name;
    },
    uploadSuccess1(response, file, fileList) {
      this.MoveToData.fileId = response.fileId;
    },
    handleRemove(file, fileList) {},
    handlePreview(file) {},
    //初始化部门数据
    async initdept() {
      // let res = await Ajax({
      //   url: "workers/employeeInformation/findAllXYDMB",
      //   method: "GET"
      // });
      this.$get("workers/employeeInformation/findAllXYDMB").then((r) => {
        let res = r.data;
        if (res && res.message === "查询成功") {
          this.dept = res.data;
        }
      });
    },
    //分页查询表格数据
    async searchEvt() {
      // this.pageSize=10
      // this.pageNum=1
      this.isloading = true;
      let param = {
        pageSize: this.pageSize,
        pageNum: this.pageNum,
        employee: this.form,
      };
      this.$post3("oa/list", JSON.stringify(param)).then((r) => {
        let res = r.data;
        if (res && res.data.code === 0) {
          // this.mainData=res.data.data
          this.totalCount = res.data.total;
          // let now=new Date()
          // let today=now.toISOString().substring(0,7)
          // res.data.data.map(it=>{
          //     it.isContractDate=it.contractDate?it.contractDate.substring(0,7):''
          // })
          // res.data.data.map(it=>{
          //     if(it.isContractDate!==''&&it.isContractDate==today){
          //         it.contractIsThis=true
          //     }
          // })
          // res.data.data.map(it=>{
          //     it.isTurnDate=it.employmentConfirmationDate?it.employmentConfirmationDate.substring(0,7):''
          // })
          // res.data.data.map(it=>{
          //     if(it.isTurnDate!==''&&it.isTurnDate==today){
          //         it.turnIsThis=true
          //     }
          // })
          let today = new Date().getTime();
          let lastDay = this.getTimeByDay(30, today); //获取30天后的日期
          res.data.data.map((it) => {
            if (
              new Date(it.employmentConfirmationDate).getTime() > today &&
              new Date(it.employmentConfirmationDate).getTime() < lastDay
            ) {
              it.turnIsThis = true;
            }
          });
          res.data.data.map((it) => {
            if (
              it.contractDate &&
              new Date(it.contractDate).getTime() > today &&
              new Date(it.contractDate).getTime() < lastDay
            ) {
              it.contractIsThis = true;
            }
          });
          this.mainData = res.data.data;
          this.isloading = false;
        }
      });
      // let res = await Ajax({
      //   url: "oa/list",
      //   method: "POST",
      //   data: {
      //     pageSize: this.pageSize,
      //     pageNum: this.pageNum,
      //     employee: this.form
      //   }
      // });
    },
    getTimeByDay(num, today) {
      return today + 60 * 60 * 1000 * 24 * num;
    },
    // 搜索
    async searchEvt1() {
      this.isloading = true;
      // this.pageSize = 15;
      this.pageNum = 1;
      this.mainCurrentPage = 1;
      this.$post3("oa/list", {
        pageSize: this.pageSize,
        pageNum: this.pageNum,
        employee: this.form,
      }).then((r) => {
        let res = r.data;
        if (res && res.data.code === 0) {
          // this.mainData=res.data.data
          this.totalCount = res.data.total;

          // let now=new Date()
          // let today=now.toISOString().substring(0,7)

          // res.data.data.map(it=>{
          //     it.isContractDate=it.contractDate?it.contractDate.substring(0,7):''
          // })
          // res.data.data.map(it=>{
          //     if(it.isContractDate!==''&&it.isContractDate==today){
          //         it.contractIsThis=true
          //     }
          // })
          // res.data.data.map(it=>{
          //     it.isTurnDate=it.employmentConfirmationDate?it.employmentConfirmationDate.substring(0,7):''
          // })
          // res.data.data.map(it=>{
          //     if(it.isTurnDate!==''&&it.isTurnDate==today){
          //         it.turnIsThis=true
          //     }
          // })
          let today = new Date().getTime();
          let lastDay = this.getTimeByDay(30, today); //获取30天后的日期
          res.data.data.map((it) => {
            if (
              new Date(it.employmentConfirmationDate).getTime() > today &&
              new Date(it.employmentConfirmationDate).getTime() < lastDay
            ) {
              it.turnIsThis = true;
            }
          });
          res.data.data.map((it) => {
            if (
              it.contractDate &&
              new Date(it.contractDate).getTime() > today &&
              new Date(it.contractDate).getTime() < lastDay
            ) {
              it.contractIsThis = true;
            }
          });
          this.mainData = res.data.data;
          this.isloading = false;
        }
      });
      // let res = await Ajax({
      //   url: "oa/list",
      //   method: "POST",
      //   data: {
      //     pageSize: this.pageSize,
      //     pageNum: this.pageNum,
      //     employee: this.form
      //   }
      // });
    },
    clear(formName) {
      this.$refs[formName].resetFields();
      this.pageNum = 1;
      this.searchEvt();
    },
    handleSizeChange(val) {
      this.pageSize = val;
      this.searchEvt();
    },
    handleCurrentChange(val) {
      this.pageNum = val;
      this.searchEvt();
    },
    handleSizeChange1() {},
    handleCurrentChange1() {},
    //教职工入职
    goTeacherEntry() {
      this.teacherEnryVisible = true;
      // this.personData={}
      this.teacherEntryTitl = "教职工入职";
      this.personData = {
        largeDepartmentSystem: "",
        userName: "",
        employeeId: "",
        name: "",
        jobNumber: "",
        idCard: "",
        phototUrl: "",
        sex: "",
        bornDate: "",
        age: "",
        nation: "",
        maritalStatus: "",
        mobilePhone: "",
        nativePlace: "",
        householdRegistration: "",
        politicalOutlook: "",
        education: "",
        academicDegree: "",
        graduatedSchool: "",
        majorStudy: "",
        educationType: "",
        graduateDate: "",
        homeAddress: "",
        idCardExpirationDate: "",
        permanentAddress: "",
        addressNow: "",
        emergencyContact: "",
        emergencyContactPhone: "",
        department: "",
        branch: "",
        post: "",
        staffType: "",
        workNature: "",
        postNature: "",
        postLevel: "",
        entryDate: "",
        employmentConfirmationDate: "",
        workYear: "",
        month: "",
        titleSummary: "",
        major: "",
        titleGetDate: "",
        titleConferringUnit: "",
        ifDonbleTeacher: "",
        ifTeacherQualificationCertificate: "",
        teacherQualificationCertificate_date: "",
        teachersSerialTitles: "",
        teachersSerialTitlesTime: "",
        ifNonTteacherTitle: "",
        nonTteacherTitleTime: "",
        otherVocationalSkills: "",
        contractType: "",
        contractDate: "",
        contractSigning: "",
        firstSocialSecurityPurchase_date: "",
        firstBuyAccumulationFundDate: "",
        ifDoubleEmployees: "",
        dormitoryLocation: "",
        status: "",
        createTime: "",
        remarks: "",
        ifInstructor: "",
        userId: "",
        idCardCopy: "",
        diplomaCopy: "",
        academicCopy: "",
        bankCardCopy: "",
        resume: "",
        physicaExaminationCopy: "",
        skilCertificateCopy: "",
        titleCopy: "",
        otherCopy: "",
        fileNumber: "",
        dataStatus: "提交",
        isDoubleQualification: "",
        changeTime: "",
        examineStatus: "",
        deptId: "",
      };
    },
    cancelEvt(formName) {
      this.submitLoading = false;
      this.teacherEnryVisible = false;
    },
    resetForm(formName) {
      if (this.$refs[formName]) {
        this.$refs[formName].resetFields();
      }
    },
    //异动弹窗
    openMoveBox() {
      this.teacherMove = true;
      this.MoveData = {
        department: "",
        post: "",
        postLevel: "",
      };
      this.fileList = [];
      this.MoveToData = {};
    },
    //通过姓名查询教职工信息
    async getDataByName(val) {
      // let res = await Ajax({
      //   url: "oa/findEmployeeInformationName",
      //   method: "GET",
      //   params: { name: val }
      // });
      this.$get("oa/findEmployeeInformationName", { name: val }).then((r) => {
        let res = r.data;
        if (res && res.code === 0) {
          this.MoveData = res.data[0];
          this.MoveToData.id = res.data[0].id;
          // this.MoveToData.postLevel=res.data[0].postLevel
        }
      });
    },
    //异动--部门选择后赋值部门id
    changeToDeptId(val) {
      if (val !== "") {
        let dept_id = "";
        this.dept.map((it) => {
          if (it.XYMC === val) {
            dept_id = it.XYDM;
          }
        });
        this.MoveToData.deptId = dept_id;
      }
    },
    //异动--填写完信息后的确认事件
    confirmMoveTo() {
      this.$refs.moveToNode.validate(async (valid) => {
        if (valid) {
          // let res = await Ajax({
          //   url: "oa/employeeTurnover",
          //   method: "GET",
          //   params: this.MoveToData
          // });
          this.$get("oa/employeeTurnover", this.MoveToData).then((r) => {
            let res = r.data;
            if (res && res.code == 0) {
              this.$message.success("修改成功");
              this.teacherMove = false;
              this.searchEvt();
            } else {
              this.$message.error(res.msg);
              this.teacherMove = false;
              this.searchEvt();
            }
          });
        } else {
          return false;
        }
      });
    },
    //异动---取消事件
    cancelMoveTo(formName) {
      this.MoveToData = {};
      this.MoveData = {};
      this.teacherMove = false;
    },

    //点击导入数据事件
    importData() {
      // this.importDataVison=true
      this.$router.push("/importdata");
    },
    ///////
    goBack() {
      this.importDataVison = false;
    },
    // 文件上传失败
    uploadError() {
      this.$message.error("文件上传失败");
    },
    //文件上传成功事件
    uploadSuccess(response, file, fileList) {
      this.$message.success("文件上传成功");
    },
    goToNext() {
      this.isNext = false;
      this.stepName = 2;
      this.isNext1 = true;
    },
    //返回上一级
    goPreStep() {
      this.isNext = true;
      this.isNext1 = false;
    },

    ConfirmImportData() {
      this.isNext = false;
      this.isNext1 = false;
      this.isFinish = true;
      this.stepName = 3;
    },
    wayChange(val) {
      // this.MoveToData.leaveReason=''
      if (val === "离职") {
        this.isLeave = false;
        // this.MoveToData.leaveReason=''
      } else {
        // this.MoveToData.leaveReason=''
        this.isLeave = true;
      }
    },
    //编辑事件
    editInfo(row) {
      this.teacherEnryVisible = true;
      this.teacherEntryTitl = "编辑信息";
      this.personData = row;
    },
    showSubmit() {
      this.isSubmit = true;
    },
    confirmChange() {
      this.isSubmit = false;
    },
    //查看详情事件
    async checkDetail(row) {
      this.getSubjectList();

      let id1 = row.id;
      this.detailVisible = true;
      // let res = await Ajax({
      //   url: "oa/detail",
      //   method: "",
      //   params: { id: id1 }
      // });
      await this.$get("oa/detail", { id: id1 }).then((r) => {
        let res = r.data;
        if (res) {
          this.detailCard = res.data;
          this.figureSeriveYear();
          this.phototUrl = res.data.phototUrl;
          this.getCertificate(row.employeeId);
        }
      });

      this.getEducateInfo(row.id);
      this.getBirthdayFromIdCard1(this.detailCard.idCard);
    },
    //获取学历信息
    async getEducateInfo(id) {
      let temp = { employeeId: id };
      this.$post2("oa/findEducation", JSON.stringify(temp)).then((r) => {
        let res = r.data;
        if (res && res.code === 0 && res.data.length > 0) {
          this.educationData = res.data;
          this.educationData.map((it) => {
            it.hignestMajor = it.hignestMajor.split(",");
          });
          // res.data.map(it=>{
          //     if(it.level==='次高学历'){
          //         this.secendEducation=it
          //     }else{
          //         // this.secendEducation={}
          //     }
          // })
          // res.data.map(it=>{
          //     if(it.level==='最高学历'){
          //         this.educationObj=it
          //     }
          // })
        } else {
          // this.secendEducation={}
          // this.educationObj={}
        }
      });
    },
    //审核通过
    async passEvt() {
      let ids = this.ids.map((it) => {
        return it.id;
      });
      let id1 = this.beforeInfo.id,
        changeId = JSON.stringify(this.changedInfo.id);
      this.$put().then((r) => {
        let res = r.data;
      });
      let res = await Ajax({
        url: "oa/examineUserInfo",
        method: "PUT",
        data: {
          id: id1,
          employeeInformationChangeId: changeId,
          examineStatus: "同意",
          ids: ids.toString(),
        },
      });
      if (res && res.code === 0) {
        this.$message.success(res.msg);
        this.moveCheckVisible = false;
        this.searchEvt();
      } else {
        this.$message.error(res.msg);
      }
    },
    NotPassEvt1() {
      this.isNotPass = true;
    },
    showNotPass() {
      this.isNotPass = false;
    },
    //审核不通过
    async NotPassEvt() {
      let ids = this.ids.map((it) => {
        return it.id;
      });
      let id1 = this.beforeInfo.id,
        changeId = JSON.stringify(this.changedInfo.id);
      this.$put().then((r) => {
        let res = r.data;
      });
      let res = await Ajax({
        url: "oa/examineUserInfo",
        method: "PUT",
        data: {
          id: id1,
          employeeInformationChangeId: changeId,
          examineStatus: "驳回",
          examineRemark: this.examineRemark,
          ids: ids.toString(),
        },
      });
      if (res && res.code === 0) {
        this.$message.success(res.msg);
        this.moveCheckVisible = false;
        this.searchEvt();
      } else {
        this.$message.error(res.msg);
      }
    },
    //选择部门后匹配部门id并且赋值
    chooseDeptId(val) {
      let dept_id = "";
      this.dept.map((it) => {
        if (it.XYMC === val) {
          dept_id = it.XYDM;
        }
      });
      this.personData.deptId = dept_id;
    },
    //新增提交事件
    async submitEvt(formName) {
      this.submitLoading = true;
      // this.getCopyValue()
      if (this.teacherEntryTitl === "教职工入职") {
        this.$refs[formName].validate(async (valid) => {
          if (valid) {
            let res = await Ajax({
              url: "oa/add",
              method: "POST",
              data: this.personData,
            });
            if (res && res.code === 0) {
              this.submitLoading = false;
              this.$message.success(res.msg);
              this.teacherEnryVisible = false;
              this.searchEvt();
            }
          } else {
            console.log("error submit!!");
            return false;
          }
        });
      } else {
        let res = await Ajax({
          url: "oa/updateInfo",
          method: "PUT",
          data: this.personData,
        });
        if (res && res.code === 0) {
          this.submitLoading = false;
          this.$message.success(res.msg);
          this.teacherEnryVisible = false;
          this.searchEvt();
        }
      }
    },
    //取复印件信息的值
    getCopyValue() {
      this.personData.idCardCopy = this.nameArray[this.idCardCopy];
      this.personData.diplomaCopy = this.nameArray[this.educateCopy];
      this.personData.academicCopy = this.nameArray[this.degreeCopy];
      this.personData.bankCardCopy = this.nameArray[this.bankCardCopy];
      this.personData.resume = this.nameArray[this.personResumeCopy];
      this.personData.physicaExaminationCopy =
        this.nameArray[this.physicaExaminationCopy];
      this.personData.skilCertificateCopy =
        this.nameArray[this.skilCertificateCopy];
      this.personData.titleCopy = this.nameArray[this.titleCopy];
      this.personData.otherCopy = this.nameArray[this.otherCopy];
    },
    //新增的保存的事件
    async saveEvt() {
      this.getCopyValue();
      this.personData.dataStatus = "保存";
      if (this.teacherEntryTitl === "教职工入职") {
        let res = await Ajax({
          url: "oa/add ",
          method: "POST",
          data: this.personData,
        });
        if (res && res.code === 0) {
          this.teacherEnryVisible = false;
        }
      } else {
        let res = await Ajax({
          url: "oa/updateInfo",
          method: "PUT",
          data: this.personData,
        });
        if (res && res.code === 0) {
          this.teacherEnryVisible = false;
        }
      }
    },
    // 编辑的提交事件
    editSubEvt() {},
    // 编辑的保存事件
    saveEditEvt() {},
    //导出数据的方法
    async exportData() {
      let res = await Ajax({
        url: "oa/excel",
        method: "POST",
        responseType: "blob",
      });
      if (res) {
        const content = res;
        const blob = new Blob([content]);
        if ("download" in document.createElement("a")) {
          const elink = document.createElement("a");
          elink.download = `user_${new Date().getTime()}.xlsx`;
          elink.style.display = "none";
          elink.href = URL.createObjectURL(blob);
          document.body.appendChild(elink);
          elink.click();
          URL.revokeObjectURL(elink.href);
          document.body.removeChild(elink);
        } else {
          navigator.msSaveBlob(blob, `user_${new Date().getTime()}.xlsx`);
        }
      }
    },
    // 导出集团人事报表
    exportHrReport() {
      this.dialogFormVisibleHrReport = true;
    },
    //模板导出的事件
    async exoprtForm() {
      let res = await Ajax({
        url: "oa/downLoadTemplate",
        method: "POST",
        responseType: "blob",
      });
      if (res) {
        const content = res;
        const blob = new Blob([content]);
        if ("download" in document.createElement("a")) {
          const elink = document.createElement("a");
          elink.download = `from_${new Date().getTime()}.xlsx`;
          elink.style.display = "none";
          elink.href = URL.createObjectURL(blob);
          document.body.appendChild(elink);
          elink.click();
          URL.revokeObjectURL(elink.href);
          document.body.removeChild(elink);
        } else {
          navigator.msSaveBlob(blob, `form_${new Date().getTime()}.xlsx`);
        }
      }
    },
    //服务年限的算法
    figureSeriveYear(data) {
      var nowDate = new Date();
      if (this.detailCard.entryDate) {
        this.detailCard.workYear =
          nowDate.getFullYear() - this.detailCard.entryDate.substring(0, 4);
      }
    },

    // 计算出生日期
    getBirthdayFromIdCard(idCard) {
      var birthday = "";
      if (idCard) {
        if (idCard !== null && idCard !== "") {
          if (idCard.length === 15) {
            birthday = "19" + idCard.substr(6, 6);
          } else if (idCard.length === 18) {
            birthday = idCard.substr(6, 8);
          }
          birthday = birthday.replace(/(.{4})(.{2})/, "$1-$2-");
        }
      }
      this.beforeInfo.bornDate = birthday;
      this.getAge(birthday);
    },
    getBirthdayFromIdCard1(idCard) {
      var birthday = "";
      if (idCard) {
        if (idCard !== null && idCard !== "") {
          if (idCard.length === 15) {
            birthday = "19" + idCard.substr(6, 6);
          } else if (idCard.length === 18) {
            birthday = idCard.substr(6, 8);
          }
          birthday = birthday.replace(/(.{4})(.{2})/, "$1-$2-");
        }
      }
      this.detailCard.bornDate = birthday;
      this.getAge1(birthday);
    },
    getAge(strAge) {
      var birArr = strAge.split("-");
      var birYear = birArr[0];
      var birMonth = birArr[1];
      var birDay = birArr[2];

      d = new Date();
      var nowYear = d.getFullYear();
      var nowMonth = d.getMonth() + 1; //记得加1
      var nowDay = d.getDate();
      var returnAge;

      if (birArr == null) {
        return false;
      }
      var d = new Date(birYear, birMonth - 1, birDay);
      if (
        d.getFullYear() == birYear &&
        d.getMonth() + 1 == birMonth &&
        d.getDate() == birDay
      ) {
        if (nowYear == birYear) {
          returnAge = 0; //
        } else {
          var ageDiff = nowYear - birYear; //
          if (ageDiff > 0) {
            if (nowMonth == birMonth) {
              var dayDiff = nowDay - birDay; //
              if (dayDiff < 0) {
                returnAge = ageDiff - 1;
              } else {
                returnAge = ageDiff;
              }
            } else {
              var monthDiff = nowMonth - birMonth; //
              if (monthDiff < 0) {
                returnAge = ageDiff - 1;
              } else {
                returnAge = ageDiff;
              }
            }
          } else {
            return "出生日期晚于今天，数据有误"; //返回-1 表示出生日期输入错误 晚于今天
          }
        }
        //                 return returnAge;
        this.beforeInfo.age = returnAge;
      } else {
        return "输入的身份证格式错误！";
      }
    },
    getAge1(strAge) {
      var birArr = strAge.split("-");
      var birYear = birArr[0];
      var birMonth = birArr[1];
      var birDay = birArr[2];

      d = new Date();
      var nowYear = d.getFullYear();
      var nowMonth = d.getMonth() + 1; //记得加1
      var nowDay = d.getDate();
      var returnAge;

      if (birArr == null) {
        return false;
      }
      var d = new Date(birYear, birMonth - 1, birDay);
      if (
        d.getFullYear() == birYear &&
        d.getMonth() + 1 == birMonth &&
        d.getDate() == birDay
      ) {
        if (nowYear == birYear) {
          returnAge = 0; //
        } else {
          var ageDiff = nowYear - birYear; //
          if (ageDiff > 0) {
            if (nowMonth == birMonth) {
              var dayDiff = nowDay - birDay; //
              if (dayDiff < 0) {
                returnAge = ageDiff - 1;
              } else {
                returnAge = ageDiff;
              }
            } else {
              var monthDiff = nowMonth - birMonth; //
              if (monthDiff < 0) {
                returnAge = ageDiff - 1;
              } else {
                returnAge = ageDiff;
              }
            }
          } else {
            return "出生日期晚于今天，数据有误"; //返回-1 表示出生日期输入错误 晚于今天
          }
        }
        //                 return returnAge;
        this.detailCard.age = returnAge;
      } else {
        return "输入的身份证格式错误！";
      }
    },
  },
};
</script>

<style lang="less" scoped>
.notPassBox {
  width: 50%;
  .el-button {
    margin-top: 10px;
  }
}
.boxWrap {
  position: relative;
  height: 100%;
  > .search {
    display: inline-block;
    width: 98%;
    // height: 184px;
    background: #ffffff;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    padding: 16px;
    // box-sizing: border-box;
    border: 1px solid #00000026;
  }
  > .middle {
    display: flex;
    margin-top: 24px;
    div:nth-child(1) {
      width: 128px;
      height: 32px;
      background: #338cff;
      border-radius: 2px;
      font-size: 16px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #ffffff;
      line-height: 32px;
      text-align: center;
      cursor: pointer;
    }
    div:nth-child(2) {
      margin-left: 16px;
      width: 128px;
      height: 32px;
      background: #ff7a33;
      border-radius: 2px;
      font-size: 16px;
      font-weight: 400;
      color: #ffffff;
      font-family: PingFangSC-Regular, PingFang SC;
      line-height: 32px;
      text-align: center;
      cursor: pointer;
    }
    div:nth-child(3) {
      margin-left: 16px;
      width: 88px;
      height: 32px;
      background: #ffffff;
      border-radius: 2px;
      border: 1px solid rgba(0, 0, 0, 0.15);
      font-size: 16px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #333333;
      line-height: 32px;
      text-align: center;
      cursor: pointer;
    }
    div:nth-child(4) {
      margin-left: 16px;
      width: 88px;
      height: 32px;
      background: #ffffff;
      border-radius: 2px;
      border: 1px solid rgba(0, 0, 0, 0.15);
      font-size: 16px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #333333;
      line-height: 32px;
      text-align: center;
      cursor: pointer;
    }
    div:nth-child(5) {
      margin-left: 16px;
      width: 88px;
      height: 32px;
      background: #ffffff;
      border-radius: 2px;
      border: 1px solid rgba(0, 0, 0, 0.15);
      font-size: 16px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #333333;
      line-height: 32px;
      text-align: center;
      cursor: pointer;
    }
    div:nth-child(6) {
      margin-left: 16px;
      // width: 88px;
      height: 32px;
      background: #ffffff;
      border-radius: 2px;
      padding-left: 5px;
      padding-right: 5px;
      border: 1px solid rgba(0, 0, 0, 0.15);
      font-size: 16px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #333333;
      line-height: 32px;
      text-align: center;
      cursor: pointer;
    }
  }
  > .tab {
    width: 98%;
    margin-top: 20px;
    padding-bottom: 110px;
    > .pageNation {
      margin-top: 10px;
      text-align: right;
      // width: 100%;
    }
  }
}
.boxWrap1 {
  > .header {
    width: 100%;
    height: 64px;
    line-height: 64px;
    padding-left: 16px;
    background: #f7f7f7;
    > span {
      display: inline-block;
      width: 108px;
      height: 25px;
      margin-left: 16px;
      font-size: 18px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #333333;
      line-height: 25px;
    }
  }
  > .steps {
    width: 98%;
  }
  > .uploadFile {
    margin-top: 30px;
    margin-left: 30%;
  }
  > .nextStep {
    margin-top: 5%;
    margin-left: 40%;
  }
  > .nextTableBox {
    text-align: center;
    > .canImport {
      display: inline-block;
      width: 280px;
      height: 60px;
      border: 1px solid #52c41a;
      border-radius: 15px;
      font-size: 16px;
      color: #52c41a;
      text-align: center;
    }
    > .canNotImport {
      display: inline-block;
      width: 280px;
      height: 60px;
      border: 1px solid #ff4d4f;
      border-radius: 15px;
      font-size: 16px;
      color: #ff4d4f;
      text-align: center;
      margin-left: 50px;
    }
    > .canNotTable {
      margin-top: 20px;
    }
    > .btnBox {
      margin: 50px;
    }
  }
  > .finish {
    margin-top: 5%;
    text-align: center;
    > i {
      color: #52c41a;
      font-size: 50px;
    }
  }
}
.boxWrap2 {
  height: 100%;
  overflow-x: hidden;
  > .header {
    width: 100%;
    height: 64px;
    line-height: 64px;
    padding-left: 16px;
    background: #f7f7f7;
    > span {
      display: inline-block;
      width: 120px;
      height: 25px;
      margin-left: 16px;
      font-size: 18px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #333333;
      line-height: 25px;
    }
  }
  > .headphoto {
    display: flex;
    margin-top: 62px;
    > div:nth-child(1) {
      border-radius: 42px;
      // background: red;
    }
    > div:nth-child(2) {
      margin-left: 24px;
      > span {
        display: block;
        width: 155px;
        height: 33px;
        font-size: 24px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #333333;
        line-height: 33px;
      }
      > span:nth-child(2) {
        margin-top: 14px;
      }
    }
  }
  > .infoBox {
    > .title {
      position: relative;
      margin-top: 40px;
      > p {
        width: 64px;
        height: 22px;
        font-size: 16px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #333333;
        line-height: 22px;
      }
      > span {
        position: absolute;
        top: 10px;
        width: 64px;
        height: 16px;
        background: #338cff2e;
      }
    }
    > .title1 {
      > p {
        width: 100px;
      }
      > span {
        width: 80px;
      }
    }
    > .title2 {
      > p {
        width: 150px;
      }
      > span {
        width: 120px;
      }
    }
    > .mainInfo {
      margin-left: 44px;
      > ul {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        > li {
          width: 33.333%;
          margin-top: 26px;
          height: 22px;
          font-size: 16px;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #666666;
          line-height: 22px;
        }
      }
    }
    .mainInfo1 {
      display: flex;
      margin-left: 44px;
      justify-content: space-between;
      div:nth-of-type(2) {
        margin-left: 20px;
        > ul {
          display: flex;
          width: 100%;
          flex-wrap: wrap;
          > li {
            width: 33.333%;
            margin-top: 26px;
            height: 22px;
            font-size: 16px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #666666;
            line-height: 22px;
          }
        }
      }
    }
    > .basicInfo {
      margin-left: 44px;
      > ul {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        > li {
          width: 33.333%;
          margin-top: 26px;
          height: 22px;
          font-size: 16px;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #666666;
          line-height: 22px;
        }
        > li:nth-child(7) {
          margin-left: -40px;
        }
        > li:nth-child(8) {
          margin-left: 40px;
        }
      }
    }
    > .postInfo {
      margin-left: 44px;
      > ul {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        > li {
          width: 33.333%;
          margin-top: 26px;
          height: 22px;
          font-size: 16px;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #666666;
          line-height: 22px;
        }
      }
    }
    > .educateInfo {
      p {
        width: 56px;
        height: 20px;
        font-size: 14px;
        margin-top: 44px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #333333;
        line-height: 20px;
      }
      > ul {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        margin-left: 44px;
        > li {
          width: 33.333%;
          margin-top: 26px;
          height: 22px;
          font-size: 16px;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #666666;
          line-height: 22px;
        }
      }
    }
    > .professional {
      margin-left: 44px;
      > ul {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        > li {
          width: 50%;
          margin-top: 26px;
          height: 22px;
          font-size: 16px;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #666666;
          line-height: 22px;
        }
      }
    }
  }
  > .footer {
    width: 100%;
    height: 200px;
    line-height: 200px;
  }
}
.boxWrap3 {
  position: relative;
  height: 100%;
  overflow-x: hidden;
  > .header {
    width: 100%;
    height: 64px;
    line-height: 64px;
    padding-left: 16px;
    background: #f7f7f7;
    > span {
      display: inline-block;
      width: 90px;
      height: 25px;
      margin-left: 16px;
      font-size: 18px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #333333;
      line-height: 25px;
    }
  }
  > .mainBox {
    > .personInfo {
      > .title {
        position: relative;
        > p {
          width: 64px;
          height: 22px;
          font-size: 16px;
          font-family: PingFangSC-Medium, PingFang SC;
          font-weight: 500;
          color: #333333;
          line-height: 22px;
        }
        > span {
          position: absolute;
          top: 10px;
          width: 64px;
          height: 16px;
          background: #338cff2e;
        }
      }
      > .form {
        margin-left: 38px;
      }
    }
    > .entryFile {
      > .title {
        position: relative;
        > p {
          width: 128px;
          height: 22px;
          font-size: 16px;
          font-family: PingFangSC-Medium, PingFang SC;
          font-weight: 500;
          color: #333333;
          line-height: 22px;
        }
        > span {
          position: absolute;
          top: 10px;
          width: 128px;
          height: 22px;
          background: #338cff2e;
        }
      }
      > .searchFile {
        width: 95%;
        margin-top: 44px;
      }
    }
    > .bottomBox {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 98%;
      margin-bottom: 30px;
      > div {
        position: relative;
        width: 339px;
        height: 100px;
        background: #ffffff;
        border-radius: 16px;
        border: 1px solid #00000026;
        margin-top: 20px;
        > a {
          position: absolute;
          right: 5px;
          top: -15px;
          width: 106px;
          height: 128px;
          background: #ffffff;
          box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.25);
          border-radius: 5px;
          text-align: center;
          padding-top: 20px;
        }
        > .el-button {
          position: absolute;
          right: 10px;
          top: 34px;
        }
        > b {
          position: absolute;
          top: 54px;
          left: 100px;
          width: 80px;
          height: 22px;
          font-size: 16px;
          font-family: PingFangSC-Medium, PingFang SC;
          font-weight: 500;
          color: #cccccc;
          line-height: 22px;
        }
        > p {
          display: inline-block;
          width: 52px;
          height: 52px;
          margin-left: 24px;
          background: #ffffff;
          box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.15);
          border-radius: 16px;
          text-align: center;
          line-height: 52px;
          > i {
            color: #409eff;
          }
        }
        > span {
          position: absolute;
          top: 24px;
          margin-left: 16px;
          font-size: 16px;
        }
      }
    }
    > .buttonBox {
      width: 100%;
      height: 100px;
      margin-bottom: 20px;
    }
  }
}
.boxWrap4 {
  height: 100%;
  overflow-x: hidden;
  > .header {
    width: 100%;
    height: 64px;
    line-height: 64px;
    padding-left: 16px;
    background: #f7f7f7;
    > span {
      display: inline-block;
      width: 120px;
      height: 25px;
      margin-left: 16px;
      font-size: 18px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #333333;
      line-height: 25px;
    }
  }
  > .headphoto {
    display: flex;
    margin-top: 62px;
    > div:nth-child(1) {
      width: 80px;
      height: 80px;
      border-radius: 42px;
    }
    > div:nth-child(2) {
      margin-left: 24px;
      > span {
        display: block;
        width: 160px;
        height: 33px;
        font-size: 24px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #333333;
        line-height: 33px;
      }
      > span:nth-child(2) {
        margin-top: 14px;
      }
    }
  }
  > .infoBox {
    > .title {
      position: relative;
      margin-top: 40px;
      > p {
        width: 64px;
        height: 22px;
        font-size: 16px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #333333;
        line-height: 22px;
      }
      > span {
        position: absolute;
        top: 10px;
        width: 64px;
        height: 16px;
        background: #338cff2e;
      }
    }
    > .title1 {
      > p {
        width: 100px;
      }
      > span {
        width: 80px;
      }
    }
    > .title2 {
      > p {
        width: 150px;
      }
      > span {
        width: 140px;
      }
    }

    > .mainInfo {
      margin-left: 44px;
      > ul {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        > li {
          width: 33.333%;
          margin-top: 26px;
          height: 22px;
          font-size: 16px;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #666666;
          line-height: 22px;
        }
      }
      .changedColor {
        color: red;
      }
    }
    > .mainInfo1 {
      display: flex;
      margin-left: 44px;
      justify-content: space-between;
      div:nth-of-type(2) {
        margin-left: 20px;
        > ul {
          display: flex;
          width: 100%;
          flex-wrap: wrap;
          > li {
            width: 33.333%;
            margin-top: 26px;
            height: 22px;
            font-size: 16px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #666666;
            line-height: 22px;
          }
        }
      }
    }
    > .basicInfo {
      .changedColor {
        color: red;
      }
      margin-left: 44px;
      > ul {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        > li {
          width: 33.333%;
          margin-top: 26px;
          height: 22px;
          font-size: 16px;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #666666;
          line-height: 22px;
        }
      }
    }
    > .postInfo {
      margin-left: 44px;
      .changedColor {
        color: red;
      }
      > ul {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        > li {
          width: 33.333%;
          margin-top: 26px;
          height: 22px;
          font-size: 16px;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #666666;
          line-height: 22px;
        }
      }
    }
    > .educateInfo {
      .changedColor {
        color: red;
      }
      p {
        width: 56px;
        height: 20px;
        font-size: 14px;
        margin-top: 44px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #333333;
        line-height: 20px;
      }
      > ul {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        margin-left: 44px;
        > li {
          width: 33.333%;
          margin-top: 26px;
          height: 22px;
          font-size: 16px;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #666666;
          line-height: 22px;
        }
      }
    }
    > .professional {
      .changedColor {
        color: red;
      }
      margin-left: 44px;
      > ul {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        > li {
          width: 50%;
          margin-top: 26px;
          height: 22px;
          font-size: 16px;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #666666;
          line-height: 22px;
        }
      }
    }
  }
  > .footer {
    width: 100%;
    height: 150px;
    line-height: 200px;
  }
}
.boxWrap5 {
  position: relative;
  height: 100%;
  overflow-x: hidden;
  > .header {
    width: 100%;
    height: 64px;
    line-height: 64px;
    padding-left: 16px;
    background: #f7f7f7;
    > span {
      display: inline-block;
      width: 90px;
      height: 25px;
      margin-left: 16px;
      font-size: 18px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #333333;
      line-height: 25px;
    }
  }
  > .mainBox {
    > .personInfo {
      > .title {
        position: relative;
        > p {
          width: 64px;
          height: 22px;
          font-size: 16px;
          font-family: PingFangSC-Medium, PingFang SC;
          font-weight: 500;
          color: #333333;
          line-height: 22px;
        }
        > span {
          position: absolute;
          top: 10px;
          width: 64px;
          height: 16px;
          background: #338cff2e;
        }
      }
      > .form {
        margin-left: 38px;
      }
    }
    > .entryFile {
      > .title {
        position: relative;
        > p {
          width: 128px;
          height: 22px;
          font-size: 16px;
          font-family: PingFangSC-Medium, PingFang SC;
          font-weight: 500;
          color: #333333;
          line-height: 22px;
        }
        > span {
          position: absolute;
          top: 10px;
          width: 128px;
          height: 22px;
          background: #338cff2e;
        }
      }
      > .searchFile {
        width: 95%;
        margin-top: 44px;
      }
    }
    > .bottomBox {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 98%;
      margin-bottom: 30px;
      > div {
        position: relative;
        width: 339px;
        height: 100px;
        background: #ffffff;
        border-radius: 16px;
        border: 1px solid #00000026;
        margin-top: 20px;
        > a {
          position: absolute;
          right: 5px;
          top: -15px;
          width: 106px;
          height: 128px;
          background: #ffffff;
          box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.25);
          border-radius: 5px;
          text-align: center;
          padding-top: 20px;
        }
        > .el-button {
          position: absolute;
          right: 10px;
          top: 34px;
        }
        > b {
          position: absolute;
          top: 54px;
          left: 100px;
          width: 80px;
          height: 22px;
          font-size: 16px;
          font-family: PingFangSC-Medium, PingFang SC;
          font-weight: 500;
          color: #cccccc;
          line-height: 22px;
        }
        > p {
          display: inline-block;
          width: 52px;
          height: 52px;
          margin-left: 24px;
          background: #ffffff;
          box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.15);
          border-radius: 16px;
          text-align: center;
          line-height: 52px;
          > i {
            color: #409eff;
            font-size: 24px;
          }
        }
        > span {
          position: absolute;
          top: 24px;
          margin-left: 16px;
          font-size: 16px;
        }
      }
      .notSub {
        color: #cccccc;
      }
      .noNeed {
        color: #ff8633;
      }
      .submited {
        color: #52c41a;
      }
      .el-myDropdown {
        margin-left: 180px;
      }
    }
    > .buttonBox {
      width: 100%;
      height: 100px;
      margin-bottom: 20px;
    }
  }
}
</style>

